<template>
	<div class="pro-count mt16 mb16">
		<div class="h_box pro-count-wrap">
			<div class="pro-count-content">
				<div class="pro-count-number">限购数量</div>
				<div class="pro-count-text">单个ID限购1件</div>
			</div>
			<div class="pro-count-jj">
				<em @click="plusNumber"> - </em>
				<span> 1 </span>
				<em @click="reduce"> + </em>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		methods: {
			plusNumber: function () {
				console.log('++');
			},
			reduce: function () {
				console.log('--');
			}
		}
	}
</script>

<style lang="scss">

	@import '../../assets/css/_variables.scss';
	@import '../../assets/css/_functions.scss';
	
	.pro-count {
		background: $_fff;
		@include hlh(44px);
		font-size: rem(14);
		padding: 0 rem(15);
		.pro-count-wrap {
			justify-content: space-between; 
			.pro-count-content {
				display: flex;
				justify-content: space-between; 
			}
		}
		.pro-count-text {
			margin: 0 rem(10);
		}
		.pro-count-jj {
			em {
				@include hlh(22px);
				background: $_f1f1f1;
				color: $_999;
				width: rem(22);
				text-align: center;
				display: inline-block;
			}
		}
	}
</style>